<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>抽奖</button>
    <script>
        // 1. 封装一个获取随机数rand函数
        // 1-100
        function rnd(m, n) {
            return Math.floor(Math.random() * (n - m + 1)) + m;
        }
        // console.log(rnd(5,10));

        // 2. 获取按钮
        let btn = document.querySelector('button');
        // 3. 添加点击事件
        // btn.onclick = function(){
        //     // 4. 设置1s单次定时器
        //     setTimeout(() => {
        //          // 5. 调用rand() -返回一个1-100的随机整数
        //          let n = rnd(1,100);
        //          // 6. 判断中奖与否 - 概率30%
        //          if(n<=30){
        //             alert("恭喜恭喜"+ n);
        //          }else{
        //             alert("再接再厉"+n);
        //          }
        //     }, 1000);
        // }
       
        // 1-100 
        function rnd(m, n) {
            // return Math.floor(Math.random() * (n - m + 1)) + m;

            // 3,6 
            // m,n 
           let n1 = Math.random();  //0-0.999999  有可能会是0！

            // 6-3 = 3
           let n2 =  n1*(n-m+1) ;  //0-3.99999

           let n3 = Math.floor(n2); //0-3

           let n4 = n3+3 //3-6


        }
        btn.onclick = function () {
            let p = new Promise((resolve, reject) => {
                 // 4. 设置1s单次定时器
                setTimeout(() => {
                    // 5. 调用rand() -返回一个1-100的随机整数
                    let n = rnd(1, 100);
                    // 6. 判断中奖与否 - 概率30%
                    if (n <= 30) {
                        resolve(n);
                    } else {
                        // alert("再接再厉"+n);
                        reject(n);
                    }
                    console.log(123);
                }, 500);
            })
            p.then((val) => {
                alert("恭喜恭喜" + val);
            }, (reason) => {
                alert('再接再厉' + reason);
            });
        }



    </script>
</body>

</html>